<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org"
	xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
<th:block th:include="include :: header('项目附件上传')" />
</head>
<body class="gray-bg">
	<div class="container-div">
		<div class="row">
			<div class="col-sm-12 search-collapse">
				<form id="formId">
					<input type="hidden" id="projectId" name="projectId"
						th:value="${sysProject.projectId}">
					<div class="select-list">
						<ul>
							<li>
								<p>所属项目：</p> <input type="text" name="projectName"
								th:value="${sysProject.projectName}" />
							</li>
							<li>
								<p>文件类型：</p> <input type="text" name="fileType" />
							</li>
							<li>
								<p>文件名称：</p> <input type="text" name="fileName" />
							</li>
							<li><a class="btn btn-primary btn-rounded btn-sm"
								onclick="$.treeTable.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
								<a class="btn btn-warning btn-rounded btn-sm"
								onclick="$.form.reset()"><i class="fa fa-refresh"></i>&nbsp;重置</a>
							</li>
						</ul>
					</div>
				</form>
			</div>

			<div class="btn-group-sm" id="toolbar" role="group">
				<!--<a class="btn btn-success" onclick="addFile()"
                shiro:hasPermission="process:file:add"> <i class="fa fa-plus"></i>
                上传
            </a>
            <a class="btn btn-warning" onclick="$.table.exportExcel()"
               shiro:hasPermission="process:file:export"> <i
                    class="fa fa-download"></i> 导出
            </a>-->
				<a class="btn btn-info" id="expandAllBtn"> <i
					class="fa fa-exchange"></i> 展开/折叠
				</a>
			</div>
			<div class="col-sm-12 select-table table-striped">
				<table id="bootstrap-tree-table"></table>
			</div>
		</div>
	</div>
	<th:block th:include="include :: footer" />
	<script th:inline="javascript">
    var editFlag = [[${@permission.hasPermi('process:file:edit')}]];
    var removeFlag = [[${@permission.hasPermi('process:file:remove')}]];
    var project = [[${sysProject}]];
    var prefix = ctx + "process/projectfile";
    var params = {projectId: $("#projectId").val(), projectName: $("#projectName").val()};
    $(function () {
        var options = {
            code: "id",
            parentCode: "parentId",
            uniqueId: "id",
            expandAll: false,
            expandFirst: false,
            url: prefix + "/list",
            createUrl: prefix + "/add/{id}",
            updateUrl: prefix + "/edit/{id}",
            removeUrl: prefix + "/remove/{id}",
            exportUrl: prefix + "/export",
            detailUrl: prefix + "/filedetail/{id}",
            ajaxParams: params,
            modalName: "项目文件",
            columns: [
                {
                    field: 'selectItem',
                    radio: true
                },
                // {
                //     field: 'id',
                //     title: '序号',
                //     visible: false
                // },
                // {
                //     field: 'projectName',
                //     title: '所属项目',
                //     visible: false
                // },
                {
                    field: 'fileTypeName',
                    title: '文件类型'
                },
                {
                    field: 'fileName',
                    title: '文件名称'
                },
                {
                    field: 'url',
                    title: '类型',
                    formatter: function (value, row, index) {
                        if (row.url != '#') {
                            return '<span class="label label-warning">文件</span>';
                        } else {
                            return '<span class="label label-primary">目录</span>';
                        }
                    }
                },
                {
                    field: 'status',
                    title: '文件是否完整',
                    formatter: function (value, row, index) {
                        if (row.status == '0' && row.parentId && row.url == '#') {
                            return '<span class="label label-danger">更新中</span>';
                        } 
                        else if (row.status == '1' && row.parentId && row.url == '#') {
                            return '<span class="label label-success">完整</span>';
                        } 
                    }
                },
                {
                    field: 'crtTime',
                    title: '创建时间',
                },
                {
                    field: 'updTime',
                    title: '更新时间',
                    visible: false
                },
                {
                    field: 'expirationTime',
                    title: '到期时间',
                },
                {
                    title: '操作',
                    align: 'center',
                    formatter: function (value, row, index) {
                        var actions = [];
                        if (row.url == '#' && row.parentId != 0) {
                            actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="javascript:void(0)" onclick="addFile(\'' + row.id + '\')"><i class="fa fa-edit"></i> 上传附件</a> ');
                        } 
                        if (row.url != '#') {
                            //actions.push('<a class="btn btn-primary btn-rounded btn-sm' + editFlag + '" href="javascript:void(0)" onclick="filedetail(\'' + row.id + '\')><i class="fa fa-search"></i>预览</a> ');
                            actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="javascript:void(0)" onclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-trash"></i>删除</a>');
                            actions.push('<a class="btn btn-primary btn-rounded btn-sm' + editFlag + '" href="javascript:void(0)" onclick="downloadFile(\'' + row.id + '\')"><i class="fa fa-trash"></i>下载</a>');
                        }
                        return actions.join('');
                    }
                }]
        };
        $.treeTable.init(options);
    });
    /* 添加附件 */
    function filedetail(id) {
        var url = prefix + '/filedetail/' + id;
        $.modal.open("图片预览", url);
    }
    
    function downloadFile(id) {
        var url = prefix + '/downloadFile/' + id;
        window.location.href = url; 
    }
    
    function removeForm(id) {
        $.operate.remove(id);
    }
    
    /* 添加附件 */
    function addFile(id) {
        var url = prefix + '/add/' + id;
        $.modal.open("添加附件", url);
    }
</script>
</body>
</html>